<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex flex-wrap align-center justify-between benben-position-layout flex shopDetail_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', 'background':`${ pageScrollTopBuilt>100  ?  '#fff':''}`}">
        <view class='flex flex-wrap align-center shopDetail_fd0_0' @tap.stop="isWxBackFunc()">
          <text class='fu-iconfont2  shopDetail_fd0_0_c0'>&#xe794;</text>
        </view>
        <view class='flex flex-wrap align-center justify-end shopDetail_fd0_0'
          :style="{'margin-right':`${ appSystemIdentification == 'Wechat' ?  '30%':''}`}"
          @tap.stop="popupShow1689239427011=true">
        </view>
      </view>
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout">
        <view class='flex flex-direction align-stretch shopDetail_fd1_0'>
          <view style="position: relative">
            <swiper ref="benbenSwiperfd1_0_c0" :current='index' @change="chooseImageTYpe($event)"
              class='flex position-relative shopDetail_fd1_0_c0' previous-margin="0rpx" next-margin="0rpx"
              :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>
              <!-- <swiper-item class='flex  shopDetail_fd1_0_c0' v-if=" dataDetails.video!=''">
                <view class='flex align-center self-center justify-center shopDetail_fd1_0_c0_c1_c0'
                  @tap.stop="videoplarerFunc(dataDetails.video)">
                  <image class='shopDetail_fd1_0_c0_c1_c0_c0' mode="aspectFill" :src='dataDetails.video_img'></image>
                  <image class='shopDetail_fd1_0_c0_c1_c0_c1' mode="aspectFill" :src='STATIC_URL+"111.png"'></image>
                </view>
              </swiper-item> -->


              <swiper-item class='flex' v-for="(item,index) in bannerImage" :key="index">
                <view v-if=" dataDetails.video!='' && index==0"
                  class='flex align-center self-center justify-center shopDetail_fd1_0_c0_c1_c0'
                  @tap.stop="openImage(item,bannerImage,'')">
                  <image class='shopDetail_fd1_0_c0_c1_c0_c0' mode="aspectFill" :src='dataDetails.video_img'></image>
                  <image class='shopDetail_fd1_0_c0_c1_c0_c1' mode="aspectFill" :src='STATIC_URL+"111.png"'></image>
                </view>
                <image v-else class='shopDetail_fd1_0_c0_c1_c0_c0' mode="aspectFill" :src='item'
                  @tap="openImage(item,bannerImage,'')"></image>
              </swiper-item>


            </swiper>
            <view style="position: absolute"
              class="flex dot flex align-center justify-center shopDetail_swiperDotfd1_0_c0">
              <view class='flex flex align-center justify-center shopDetail_numberfd1_0_c0_c0'>
                <text class='shopDetail_numberfd1_0_c0_c0_c0'>{{bannerIndexfd1_0_c0+1}}</text>
                <text class='shopDetail_numberfd1_0_c0_c0_c0'>/</text>
                <text class='shopDetail_numberfd1_0_c0_c0_c0'>{{(bannerImage.length)}}</text>
              </view>

            </view>
          </view>

        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view class='flex flex-direction align-stretch shopDetail_fd2_0'>
          <view class='flex align-center self-center flex-sub shopDetail_fd2_0_c0'>
            <text class='shopDetail_fd2_0_c0_c0'>￥</text>
            <text class=' shopDetail_fd2_0_c0_c1'>
              <text class=' shopDetail_price1_fd2_0_c0_c1'>{{ dataDetails.shop_price | frontPrice }}</text>
              <text class=' shopDetail_price2_fd2_0_c0_c1'>{{ dataDetails.shop_price | laterPrice }}</text>
            </text>
          </view>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd2_1'>
          <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd2_1_c0'>
            <view class='flex flex-wrap align-center flex-sub'>
              <text class='shopDetail_fd2_1_c0_c0_c0'>{{dataDetails.name}}</text>
            </view>
            <view class='flex flex-wrap align-center justify-center shopDetail_fd2_1_c0_c1'>
              <text class='shopDetail_fd2_1_c0_c1_c0'>{{dataDetails.label_name}}</text>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout">
        <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd3_0'>
          <view class='flex flex-wrap align-center' @tap.stop="popupShow1686125027669=true">
            <text class='shopDetail_fd3_0_c0_c0'>{{$t('送至')}}{{addressList.length}}</text>
            <view class='flex align-center justify-end flex-sub shopDetail_fd3_0_c0_c1'>
              <image class='shopDetail_fd3_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"37.png"'
                v-if=" addressList.length>0"></image>
              <view class='shopDetail_fd3_0_c0_c1_c1' v-if=" addressList.length>0">
                <text class='shopDetail_fd3_0_c0_c1_c1_c0'>{{isokaddress.province}}</text>
                <text class='shopDetail_fd3_0_c0_c1_c1_c0'>{{isokaddress.city}}</text>
                <text class='shopDetail_fd3_0_c0_c1_c1_c0'>{{isokaddress.district}}</text>
                <text class='shopDetail_fd3_0_c0_c1_c1_c0'>{{isokaddress.detail}}</text>
              </view>
              <text class='shopDetail_fd3_0_c0_c1_c2' v-if="addressList.length=='0'">{{$t('暂无地址')}}</text>
              <image class='shopDetail_fd3_0_c0_c1_c3' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            </view>
          </view>
          <view class='flex flex-wrap align-center' @tap.stop="isxianshiFunc()">
            <text class='shopDetail_fd3_0_c0_c0'>{{$t('运费')}}</text>
            <view class='flex flex-wrap align-center justify-end flex-sub shopDetail_fd3_0_c0_c1'>
              <text class='shopDetail_fd3_0_c1_c1_c0' v-if="dataDetails.is_shipping!='0'">{{$t('包邮')}}</text><text
                class='shopDetail_fd3_0_c1_c1_c0_1'
                v-if="dataDetails.is_shipping=='0'">{{dataDetails.freight_name}}</text>
              <image class='shopDetail_fd3_0_c0_c1_c3' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            </view>
          </view>
          <view class='flex flex-wrap align-center shopDetail_fd3_0_c2' @tap.stop="isxianshiweixin"
            v-if="dataDetails.warm_prompt!='' && dataDetails.warm_prompt!='无'">
            <text class='shopDetail_fd3_0_c0_c0'>温馨提示</text>
            <view class='flex align-center flex-sub'>
              <text class='flex-sub shopDetail_fd3_0_c2_c1_c0'>{{dataDetails.warm_prompt}}</text>
              <image class='shopDetail_fd3_0_c2_c1_c1' mode="aspectFit" :src='STATIC_URL+"167.png"'></image>
            </view>
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout shopDetail_flex_4">
        <view class='flex flex-wrap align-center shopDetail_fd4_0'>
          <view class='flex flex-wrap align-center shopDetail_fd4_0_c0'>
          </view>
          <text class='shopDetail_fd4_0_c1'>{{$t('商品详情')}}</text>
        </view>
        <view class='flex flex-wrap align-center shopDetail_fd4_1'>
          <jyf-parser class='shopDetail_fd4_1_c0' :html="dataDetails.body | richTextFormat">
          </jyf-parser>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1679637574316" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---温馨提醒flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout shopDetail_flex_5">
          <view class='flex flex-wrap align-center justify-between shopDetail_fd5_0'>
            <view class='flex flex-wrap align-center shopDetail_fd5_0_c0'>
            </view>
            <view class='flex flex-wrap align-center justify-center shopDetail_fd5_0_c1'>
              <image class='shopDetail_fd5_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
              <text class='shopDetail_fd5_0_c1_c1'>{{$t('温馨提示')}}</text>
              <image class='shopDetail_fd5_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
            </view>
            <image class='shopDetail_fd5_0_c2' mode="aspectFit" :src='STATIC_URL+"517.png"' @tap.stop="closeXianshi">
            </image>
          </view>

          <scroll-view class='shopDetail_fd5_1' :scroll-y='true'>
            <view class='flex flex-direction align-stretch benben-scroll flex'>
              <text class='shopDetail_fd5_1_c0'>{{dataDetails.warm_prompt}}</text>
            </view>
          </scroll-view>

        </view>

        <!---温馨提醒flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1665473180775" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---运费说明弹窗flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout shopDetail_flex_6">
          <view class='flex flex-wrap align-center justify-between shopDetail_fd6_0'>
            <view class='flex flex-wrap align-center shopDetail_fd6_0_c0'>
            </view>
            <view class='flex flex-wrap align-center justify-center shopDetail_fd6_0_c1'>
              <image class='shopDetail_fd6_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
              <text class='shopDetail_fd6_0_c1_c1'>{{$t('运费说明')}}</text>
              <image class='shopDetail_fd6_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
            </view>
            <image class='shopDetail_fd6_0_c2' mode="aspectFit" :src='STATIC_URL+"517.png"' @tap.stop="closeXianshi">
            </image>
          </view>

          <scroll-view class='shopDetail_fd6_1' :scroll-y='true'>
            <view class='flex flex-direction align-stretch benben-scroll flex'>
              <text class='shopDetail_fd6_1_c0'>{{dataDetails.freight_explain}}</text>
            </view>
          </scroll-view>

        </view>

        <!---运费说明弹窗flex布局结束-->

      </benben-popup>
      <view class="flex flex-wrap align-center benben-position-layout flex shopDetail_flex_7">
        <view class='flex flex-wrap align-center justify-between flex-sub shopDetail_fd7_0'>
          <view class='flex flex-direction flex-wrap align-center' @tap.stop="getKefuFuncFunc()">
            <image class='shopDetail_fd7_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"180.png"'></image>
            <text class='shopDetail_fd7_0_c0_c1'>{{$t('客服')}}</text>
          </view>
        </view>
        <button class='shopDetail_fd7_1' @tap.stop="buySpecificationsFunc('6')"
          v-if=" dataDetails.is_sale!=0">试用下单</button>
        <view class='flex align-center self-center justify-center shopDetail_fd7_2' @tap="buySpecificationsFunc('3')"
          v-if=" dataDetails.is_sale!=0">
          <text class='shopDetail_fd7_2_c0'>租赁下单</text>
        </view>

      </view>
      <view :style="{height: '120rpx'}"></view>
      <benben-popup v-model="popupShow1686125027669" :mask="true" :mask-close-able="true" mode='bottom'>
        <!---配送至flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout shopDetail_flex_8">
          <view class='flex flex-direction flex-wrap align-stretch shopDetail_fd8_0'>
            <view class='flex flex-wrap align-center justify-between shopDetail_fd8_0_c0'>
              <view class='flex flex-wrap align-center shopDetail_fd8_0_c0_c0'>
              </view>
              <view class='flex flex-wrap align-center justify-center'>
                <image class='shopDetail_fd8_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"127.png"'></image>
                <text class='shopDetail_fd8_0_c0_c1_c1'>{{$t('配送至')}}</text>
                <image class='shopDetail_fd8_0_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"128.png"'></image>
              </view>
              <view class='flex flex-wrap align-center shopDetail_fd8_0_c0_c2'>
                <image class='shopDetail_fd8_0_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"517.png"'
                  @tap.stop="popupShow1686125027669=false"></image>
              </view>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch self-center justify-center shopDetail_fd8_1'>

            <scroll-view class='shopDetail_fd8_1_c0' :scroll-y='true'>
              <view class='flex flex-direction align-stretch benben-scroll flex'>
                <benben-select-diy ref="showSelectPopup1693558513267"
                  class-name='flex flex-direction align-stretch flex' :items.sync="addressList" v-model="address_id"
                  @change="chooseAddrFunc($event)" default-type="aid" :allow-cancel='false' type="radio"
                  :disabled='false' v-if=" addressList.length>0">
                  <template v-for='(item,key0) in addressList'>
                    <view v-if="item.isSelected" class='flex flex-direction align-stretch flex' :key="key0"
                      @tap="$refs.showSelectPopup1693558513267.tapHandle(key0)">
                      <view class='flex flex-wrap align-center shopDetail_fd8_1_c0_c0_c0_c0'>
                        <image class='shopDetail_fd8_1_c0_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"80.png"'>
                        </image>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                          <view class='flex align-center shopDetail_fd8_1_c0_c0_c0_c0_c1_c0'>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c0'>{{item.real_name}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1'>(</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1'
                              v-if="item.sex=='1'">{{$t('先生')}}</text><text
                              class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1' v-if="item.sex!='1'">{{$t('女士')}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1'>)</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c4'>{{item.mobile}}</text>
                          </view>
                          <view class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1'>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.province}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.city}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.district}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.detail}}</text>
                          </view>
                        </view>
                        <view class='flex flex-wrap align-center shopDetail_fd8_1_c0_c0_c0_c0_c2'
                          @tap.stop="handleJumpDiy" data-type="navigateTo"
                          :data-url="`/pages/wd/editAddress/editAddress?id=${item.aid}`">
                          <text class='shopDetail_fd8_1_c0_c0_c0_c0_c2_c0'>{{$t('编辑')}}</text>
                        </view>
                      </view>
                    </view>
                    <view v-else class='flex flex-direction align-stretch self-center flex' :key="key0"
                      @tap="$refs.showSelectPopup1693558513267.tapHandle(key0)">
                      <view class='flex flex-wrap align-center shopDetail_fd8_1_c0_c0_c0_c0'>
                        <image class='shopDetail_fd8_1_c0_c0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"182.png"'>
                        </image>
                        <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                          <view class='flex align-center shopDetail_fd8_1_c0_c0_c0_c0_c1_c0'>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c0'>{{item.real_name}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1'>(</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1'
                              v-if="item.sex=='1'">{{$t('先生')}}</text><text
                              class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1' v-if="item.sex!='1'">{{$t('女士')}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1'>)</text>
                            <text class='shopDetail_fd8_1_c0_c0_c1_c0_c1_c0_c4'>{{item.mobile}}</text>
                          </view>
                          <view class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1'>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.province}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.city}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.district}}</text>
                            <text class='shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0'>{{item.detail}}</text>
                          </view>
                        </view>
                        <view class='flex flex-wrap align-center shopDetail_fd8_1_c0_c0_c0_c0_c2'
                          @tap.stop="handleJumpDiy" data-type="navigateTo"
                          :data-url="`/pages/wd/editAddress/editAddress?id=${item.aid}`">
                          <text class='shopDetail_fd8_1_c0_c0_c0_c0_c2_c0'>{{$t('编辑')}}</text>
                        </view>
                      </view>
                    </view>
                  </template></benben-select-diy>
                <benben-empty :list-data="addressList">
                  <view class='flex flex-direction flex-wrap align-center shopDetail_fd8_1_c0_c1'>
                    <image class='shopDetail_fd8_1_c0_c1_c0' mode="widthFix" :src='STATIC_URL+"178.png"'></image>

                  </view>
                </benben-empty>
              </view>
            </scroll-view>

          </view>
          <view class='flex flex-wrap align-center justify-center shopDetail_fd8_2' @tap.stop="handleJumpDiy"
            data-type="navigateTo" :data-url="`/pages/wd/address/address?is_change=1`">
            <text class='shopDetail_fd8_2_c0'>{{$t('新增地址')}}</text>
          </view>
        </view>

        <!---配送至flex布局结束-->

      </benben-popup>


    </view>

  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js'
  let mixin = {
    onShareAppMessage() {
      return {
        title: this.dataDetails.name,
        path: `/pages/fl/shopDetail/shopDetail?id=${this.id}&code=${this.invite_code}&stype=wx`,
        imageUrl: this.dataDetails.thumb,
      }
    },
    onShareTimeline() {
      return {
        title: this.dataDetails.name,
        imageUrl: this.dataDetails.thumb
      }
    }
  }
  export default {
    components: {},

    mixins: [mixin],
    data() {
      return {
        isokaddress: '',
        "popupShow1686125027669": false,
        "popupShow1665473180775": false,
        "popupShow1679637574316": false,
        "bannerIndexfd1_0_c0": 0,
        "bannerIndexfd1_0_c1_c0": 0,
        "coupon_id": "",
        "buy_num": 1,
        "sku_name": "",
        dataDetails: '',
        "datakefu": {
          "chat_url": ""
        },
        "index": 0,
        "addressList": [],
        "address_id": "",
        "sharedImg": "",
        "dataCatNum": {
          "count": ""
        },
        "pageScrollTopBuilt": 0,
        "infodataMessage": {
          "invite_code": "",
          "address": "",
          "address_code": "",
          "hobby": "",
          "tags": "",
          "id": "",
          "userlevel_id": "",
          "mobile": "",
          "real_name": "",
          "avatar": "",
          "account": "",
          "email": "",
          "birthday": "",
          "gender": "",
          "create_time": "",
          "user_money": "",
          "freeze_money": "",
          "total_consumption_money": "",
          "score": "",
          "_mobile": "",
          "coupon": "",
          "collection_count": "",
          "browse_count": "",
          "total_money": "",
          "certified": "",
          "nickname": "",
          "is_pay_password": "",
          "follow_count": "",
          "is_close": ""
        },
        "invite_code": "",
        "id": "",
        "code": "",
        "stype": "",
        bannerImage: []
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },
      userInfo: {
        get() {
          return this.$store.state.userInfo
        },
        set() {
          this.$store.commit('updateUserInfo', value)
        },
      },
      isLogin() {
        return this.$store.state.token == '' ? false : true;
      },
      /**
       * @returns
       * Android       安卓
       * IOS       苹果
       * Web       H5 或 pc
       * Wechat       微信小程序
       * Alipay       支付宝小程序
       * Baidu       百度小程序
       * ByteBounce       抖音小程序
       * 360       360小程序
       * FastApp       快应用
       */
      appSystemIdentification() {
        return this.$store.state.appSystemIdentification
      }
    },
    watch: {},
    onLoad(options) {
      let {
        id,
        code,
        stype
      } = options
      if (id !== undefined) this.id = id
      if (code !== undefined) this.code = code
      if (stype !== undefined) this.stype = stype
      this.serveInviteCodeFunc()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      this.getDetailFunc()
      this.getAddressListFunc()
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {
      this.pageScrollTopBuilt = e.scrollTop
    },
    methods: {
      openImage(item, bannerImage) {
        if (this.dataDetails.video && this.bannerIndexfd1_0_c0 == 0) {
          this.videoplarerFunc(this.dataDetails.video)
        } else {
          this.multiImagePreview(item, bannerImage, '')
        }
      },
      chooseImageTYpe(e) {
        console.log('ppp', this.bannerIndexfd1_0_c0)
        this.bannerIndexfd1_0_c0 = e.detail.current

      },
      closeXianshi() {
        this.popupShow1679637574316 = false;
        this.popupShow1665473180775 = false;
      },
      isxianshiweixin() {
        this.popupShow1679637574316 = true;
      },
      //是否显示运费弹窗
      isxianshiFunc() {
        this.popupShow1665473180775 = true;
        // if (this.dataDetails.is_shipping == '1') {
        //   this.popupShow1665473180775 = false;
        // } else {
        //   this.popupShow1665473180775 = true;
        // }
      },
      //获取地址列表手写方法
      async getAddressListFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证
          this.addressList = []
          let dataaddressList = await this.$api.get(global.apiUrls.post636f7683cf195, {})
          if (dataaddressList.data.code != 1) {
            this.$message.info(dataaddressList.data.msg)
            return
          }
          let infoaddressList = dataaddressList.data
          this.addressList = infoaddressList.data.data //多了一层data
          if (this.addressList.length > 0) {
            this.isokaddress = this.addressList[0]
            console.log('isokaddress', this.isokaddress)
            this.address_id = this.addressList[0].aid
          }

          return
        }
      },
      //规格选择多规格弹窗
      selectSpecificationsFunc() {
        this.$refs.specsPopup1665474308130.open('all');
      },
      //多规格购物车弹窗
      carSpecificationsFunc() {
        this.$refs.specsPopup1665474308130.open('cart');
      },
      //立即购买
      buySpecificationsFunc(order_type) {
        this.$urouter.navigateTo(
          `/pages/ddgl/directOrder/directOrder?goods_id=${this.dataDetails.id}&money=${this.dataDetails.shop_price}&address_id=${this.address_id}&order_type=${order_type}`
        );
      },
      //立即购买
      async buyNowFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let datadataMessage = await this.$api.dbPost(global.apiUrls.post62c6a51abaf56, {
            number: this.buy_num,
            address_id: this.address_id
          });
          if (!datadataMessage) return
          if (datadataMessage.data.code != 1) {
            this.$message.info(datadataMessage.data.msg);
            return
          }
          let infodataMessage = datadataMessage.data;
          this.dataMessage = infodataMessage.data

          this.$refs.specsPopup1665474308130.close();
          this.$urouter.navigateTo(
            `/pages/ddgl/directOrder/directOrder?goods_id=${this.dataDetails.id}&sku_id=${this.sku_id}&num=${this.buy_num}&money=${this.dataDetails.shop_price}&address_id=${this.address_id}`
          );
        } else {
          uni.showToast({
            title: global.i18n.t('请先登录'),
            mask: true,
            icon: 'none',
            duration: 1500
          });
          this.toLoginDiy();
        }
      },

      //收藏
      async isLikeFunc() {
        if (this.isLogin === true) {
          //请求方法
          //数据验证

          let data636caf10164ce = await this.$api.post(global.apiUrls.post636caf10164ce, {
            goods_id: this.id
          });

          if (data636caf10164ce.data.code != 1) {
            this.$message.info(data636caf10164ce.data.msg);
            return
          }



          if (this.dataDetails.is_collect == '1') {
            uni.showToast({
              title: global.i18n.t('取消收藏成功'),
              mask: true,
              icon: 'none',
              duration: 1500
            });
            this.dataDetails.is_collect = '0';
          } else {
            uni.showToast({
              title: global.i18n.t('收藏成功'),
              mask: true,
              icon: 'none',
              duration: 1500
            });
            this.dataDetails.is_collect = '1';
          }
        } else {
          uni.showToast({
            title: global.i18n.t('请先登录'),
            mask: true,
            icon: 'none',
            duration: 1500
          });
          setTimeout(() => {
            this.toLoginDiy();
          }, 500)
        }
      },
      //获取客服链接
      async getKefuFuncFunc() {
        uni.navigateTo({
          url: `/pages/assemblys/PageContactUs/PageContactUs`
        })
      },
      //商品管理-获取商品详情
      async getDetailFunc() {
        let datadataDetails = await this.$api.get(global.apiUrls.post641987361d887, {
          goods_id: this.id,
          user_id: this.userInfo.id
        });

        if (datadataDetails.data.code != 1) {
          this.$message.info(datadataDetails.data.msg);
          uni.$emit('goodsChange', this.dataDetails.id)
          setTimeout(() => {
            uni.navigateBack()
          }, 2000)
          return
        }
        let infodataDetails = datadataDetails.data;
        this.dataDetails = infodataDetails.data
        this.bannerImage = this.dataDetails.images
        console.log(' this.dataDetails', this.dataDetails)
        // this.getSharedUrlFunc()
      },
      //获取选中地址信息
      async chooseAddrFunc(e) {
        console.log(e)
        this.addressList.forEach((item, index) => {
          if (item.aid == e.label) {
            this.isokaddress = item
            this.popupShow1686125027669 = false
            console.log(this.isokaddress)
          }
        })
      },
      //分享
      async MysharedFunc(type) {
        if (type == '1' && this.isLogin === true) {
          this.getSharedUrlFunc()
          await this.syncUniApi('share', {
            'provider': 'weixin',
            'scene': 'WXSceneSession',
            'type': '0',
            'title': '推荐一个好物给您',
            'href': this.sharedInfo.url,
            'summary': this.dataDetails.name,
            'imageUrl': this.dataDetails.thumb
          })
        } else if (type == '2' && this.isLogin === true) {
          this.getSharedUrlFunc()
          await this.syncUniApi('share', {
            'provider': 'weixin',
            'scene': 'WXSceneTimeline',
            'type': '0',
            'title': '推荐一个好物给您',
            'href': this.sharedInfo.url,
            'summary': this.dataDetails.name,
            'imageUrl': this.dataDetails.thumb
          })
        } else if (type == '4' && this.isLogin === true) {
          this.sharedImg = await this.painterGenerateImages('painter1690420071407', 'painterParam1690420071407');
          this.popupShow1689239427011 = false;
          this.popupShow1679645673274 = true;
        } else if (type == '3' && this.isLogin === true) {
          this.getSharedUrlFunc()
          this.copyText(this.sharedInfo.url);
        } else if (this.isLogin === false) {
          this.toLoginDiy();
        }
      },

      //保存海报图片
      SavePictureFunc() {
        if (this.appSystemIdentification == 'IOS' || this.appSystemIdentification == 'Android') {
          uni.saveImageToPhotosAlbum({
            filePath: this.sharedImg,
            success: (res) => {
              console.log(res)
              uni.showToast({
                title: global.i18n.t('保存成功'),
                mask: true,
                icon: 'none',
                duration: 1500
              });
              this.close()
            },
          })
        } else if (this.appSystemIdentification == 'Web') {
          uni.downloadFile({
            url: this.sharedImg,
            success: (res) => {
              console.log(res)
              if (res.statusCode === 200) {
                console.log('下载成功');
                var oA = document.createElement("a");
                oA.download = ''; // 设置下载的文件名，默认是'下载'
                oA.href = res.tempFilePath; //临时路径再保存到本地
                document.body.appendChild(oA);
                oA.click();
                oA.remove(); // 下载之后把创建的元素删除
              }

            }
          });
        } else if (this.appSystemIdentification == 'Wechat') {
          uni.getImageInfo({
            src: this.sharedImg,
            success: (res) => {
              uni.saveImageToPhotosAlbum({
                filePath: res.path,
                success: (ress) => {
                  uni.showToast({
                    title: global.i18n.t('保存成功'),
                    mask: true,
                    icon: 'none',
                    duration: 1500
                  });
                },
                fail: (err) => {
                  console.log(err);
                  uni.showToast({
                    title: global.i18n.t('保存失败'),
                    mask: true,
                    icon: 'none',
                    duration: 1500
                  });
                }
              })
            }
          })
        }
        this.popupShow1679645673274 = false;
      },

      //视频播放
      videoplarerFunc(video) {
        this.mixinToPlayVideo(video);
      },
      //保存邀请码
      serveInviteCodeFunc() {
        if (this.code) {
          uni.setStorageSync('inviteCode', this.code)
        }
      },

      //是否微信分享返回
      isWxBackFunc() {
        if (this.stype == 'wx') {
          this.$urouter.switchTab(`/pages/tabBar/home/home`);
        } else {
          this.$urouter.navigateBack(1);
        }
      }
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: #fff();
    background-size: 100% auto;
  }

  .shopDetail_flex_0 {
    background: transparent();
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .shopDetail_fd0_0_c0 {
    font-size: 32rpx;
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .shopDetail_fd0_0 {
    width: 100rpx;
    height: 88rpx;
  }

  .shopDetail_numberfd1_0_c1_c0_c0 {
    background: #525050();
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    width: 80rpx;
    height: 40rpx;
    border-radius: 6rpx 6rpx 6rpx 6rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .shopDetail_fd1_0_c1_c0_c1_c0_c1 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 48rpx;
  }

  .shopDetail_fd1_0_c1_c0_c1_c0_c0 {
    color: #FFFFFF;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 48rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: right;
    width: 50rpx;
  }

  .shopDetail_fd1_0_c1_c0_c1_c0 {
    height: 48rpx;
    padding: 0rpx 12rpx 0rpx 20rpx;
  }

  .shopDetail_fd1_0_c1_c0 {
    width: 290rpx;
    height: 48rpx;
  }

  .shopDetail_fd1_0_c1 {
    background: rgba(0, 0, 0, 0.5);
    width: 290rpx;
    height: 48rpx;
    background-size: 100% auto;
    border-radius: 24rpx;
    position: absolute;
    bottom: 24rpx;
    left: 20rpx;
  }

  .shopDetail_numberfd1_0_c0_c0_c0 {
    font-size: 26rpx;
  }

  .shopDetail_numberfd1_0_c0_c0 {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 20rpx;
    right: 30rpx;
    height: 41rpx;
    border-radius: 21rpx 21rpx 21rpx 21rpx;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
    padding: 5rpx 20rpx 5rpx 20rpx;
  }

  .shopDetail_fd1_0_c0_c1_c0_c1 {
    width: 60rpx;
    height: 60rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
  }

  .shopDetail_fd1_0_c0_c1_c0_c0 {
    width: 750rpx;
    height: 750rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd1_0_c0_c1_c0 {
    width: 750rpx;
    height: 750rpx;
    position: relative;
  }

  .shopDetail_fd1_0_c0 {
    width: 750rpx;
    height: 750rpx;
  }

  .shopDetail_swiperDotUnselectedfd1_0_c0 {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  .shopDetail_swiperDotSelectedfd1_0_c0 {
    border: 1px solid #00A7FF;
    background: #00A7FF();
    width: 16rpx;
    height: 16rpx;
    border-radius: 100rpx 100rpx 100rpx 100rpx;
    margin: 0rpx 6rpx 0rpx 0rpx;
    font-size: 24rpx;
    color: #fff;
  }

  ::v-deep .shopDetail_swiperDotfd1_0_c0 {
    position: absolute;
    bottom: 20rpx;
    left: 0rpx;
    right: 0rpx;
  }

  .shopDetail_fd1_0 {
    position: relative;
  }

  .shopDetail_fd2_1_c0_c1_c0 {
    color: rgba(20, 195, 204, 1);
    font-size: 24rpx;
  }

  .shopDetail_fd2_1_c0_c1 {
    background: var(--benbenbgColor3);
    background-size: 100% auto;
    width: 42rpx;
    height: 42rpx;
    line-height: 42rpx;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd2_1_c0_c0_c0 {
    color: var(--benbenFontColor0);
    font-size: 32rpx;
    font-weight: 500;
    line-height: 46rpx;
  }

  .shopDetail_fd2_1_c0 {
    border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd2_1 {
    background: var(--benbenbgColor1);
    padding: 32rpx 24rpx 0rpx 24rpx;
    background-size: 100% auto;
  }

  .shopDetail_price2_fd2_0_c0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: var(--benbenFontColor3);
  }

  .shopDetail_price1_fd2_0_c0_c1 {
    font-size: 40rpx;
    font-weight: 700;
    color: var(--benbenFontColor3);
  }

  .shopDetail_fd2_0_c0_c1 {
    color: var(--benbenFontColor7);
    font-weight: 600;
  }

  .shopDetail_fd2_0_c0_c0 {
    font-size: 24rpx;
    font-weight: 500;
    color: var(--benbenFontColor3);
    line-height: 30rpx;
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd2_0_c0 {
    padding: 22rpx 0rpx 7rpx 0rpx;
  }

  .shopDetail_fd2_0 {
    background: var(--benbenbgColor7);
    padding: 12rpx 24rpx 12rpx 24rpx;
    color: #333;
    background-size: 100% 100%;
  }

  .shopDetail_fd3_0_c2_c1_c1 {
    width: 12rpx;
    height: 22rpx;
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .shopDetail_fd3_0_c2_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: right;
  }

  .shopDetail_fd3_0_c2 {
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd3_0_c1_c1_c0_1 {
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .shopDetail_fd3_0_c1_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .shopDetail_fd3_0_c0_c1_c3 {
    width: 12rpx;
    height: 22rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .shopDetail_fd3_0_c0_c1_c2 {
    margin: 0rpx 24rpx 0rpx 0rpx;
    color: var(--benbenFontColor0);
  }

  .shopDetail_fd3_0_c0_c1_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor0);
  }

  .shopDetail_fd3_0_c0_c1_c1 {
    margin: 0rpx 24rpx 0rpx 8rpx;
    height: 40rpx;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-align: right;
  }

  .shopDetail_fd3_0_c0_c1_c0 {
    width: 32rpx;
    height: 32rpx;
  }

  .shopDetail_fd3_0_c0_c1 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd3_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenFontColor0);
    margin: 0rpx 49rpx 0rpx 0rpx;
  }

  .shopDetail_fd3_0 {
    border-top: 5px solid rgba(246, 246, 246, 1);
    background: var(--benbenbgColor1);
    padding: 0rpx 24rpx 0rpx 24rpx;
    background-size: 100% auto;
  }

  .shopDetail_flex_4 {
    background: var(--benbenbgColor1);
    padding: 0rpx 0rpx 50rpx 0rpx;
    background-size: 100% auto;
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  ::v-deep .shopDetail_fd4_1_c0 {
    width: 100%;
  }

  .shopDetail_fd4_1 {
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd4_0_c1 {
    font-size: 32rpx;
    font-weight: 700;
    color: var(--benbenFontColor0);
    line-height: 45rpx;
  }

  .shopDetail_fd4_0_c0 {
    background: var(--benbenbgColor7);
    width: 7rpx;
    height: 30rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
    border-radius: 3rpx;
  }

  .shopDetail_fd4_0 {
    padding: 32rpx 0rpx 32rpx 0rpx;
    margin: 0rpx 32rpx 0rpx 24rpx;
  }

  .shopDetail_flex_5 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 45rpx 32rpx;
  }

  .shopDetail_fd5_1_c0 {
    line-height: 52rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #333;
  }

  .shopDetail_fd5_1 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
  }

  .shopDetail_fd5_0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd5_0_c1_c1 {
    line-height: 45rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd5_0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd5_0_c1 {
    position: relative;
  }

  .shopDetail_fd5_0_c0 {
    height: 40rpx;
    width: 40rpx;
  }

  .shopDetail_fd5_0 {
    margin: 0rpx 0rpx 46rpx 0rpx;
  }

  .shopDetail_flex_6 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 45rpx 32rpx;
  }

  .shopDetail_fd6_1_c0 {
    line-height: 52rpx;
    font-size: 26rpx;
    font-weight: 400;
    color: #333;
  }

  .shopDetail_fd6_1 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
  }

  .shopDetail_fd6_0_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd6_0_c1_c1 {
    line-height: 45rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd6_0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd6_0_c1 {
    position: relative;
  }

  .shopDetail_fd6_0_c0 {
    height: 40rpx;
    width: 40rpx;
  }

  .shopDetail_fd6_0 {
    margin: 0rpx 0rpx 46rpx 0rpx;
  }

  .shopDetail_flex_7 {
    background: var(--benbenbgColor1);
    width: 750rpx;
    height: 120rpx;
    overflow: hidden;
    z-index: 10;
    background-size: 100% auto !important;
    bottom: calc(0rpx + var(--window-bottom));
  }

  .shopDetail_fd7_2_c0 {
    color: var(--benbenFontColor3);
    font-size: 28rpx;
    font-weight: 500;
    line-height: 80rpx;
    height: 80rpx;
    text-align: center;
  }

  .shopDetail_fd7_2 {
    border: 1px solid var(--benbenbdColor2);
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    width: 260rpx;
    height: 88rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .shopDetail_fd7_1 {
    border: 1px solid var(--benbenbdColor2);
    background: rgba(181, 14, 14, 0.1);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor7);
    margin: 0rpx 16rpx 0rpx auto;
    width: 260rpx;
    height: 80rpx;
    line-height: 80rpx;
    font-weight: 500;
  }

  .shopDetail_fd7_0_c0_c1 {
    font-size: 20rpx;
    font-weight: 400;
    color: #333333;
  }

  .shopDetail_fd7_0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    margin: 0rpx 0rpx 6rpx 0rpx;
  }

  .shopDetail_fd7_0 {
    padding: 0rpx 0rpx 0rpx 45rpx;
  }

  .shopDetail_flex_8 {
    background: var(--benbenbgColor1);
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .shopDetail_fd8_2_c0 {
    color: var(--benbenFontColor3);
    font-size: 32rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .shopDetail_fd8_2 {
    background: var(--benbenbgColor7);
    padding: 22rpx 0rpx 22rpx 0rpx;
    margin: 83rpx 56rpx 0rpx 56rpx;
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    width: 638rpx;
    height: 88rpx;
  }

  .shopDetail_fd8_1_c0_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .shopDetail_fd8_1_c0_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .shopDetail_fd8_1_c0_c0_c1_c0_c1_c0_c4 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
    max-width: 130rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c2_c0 {
    border: 1px solid var(--benbenbdColor2);
    background: rgba(248, 248, 248, 1);
    font-size: 28rpx;
    font-weight: 400;
    color: var(--benbenFontColor7);
    border-radius: 44rpx;
    line-height: 64rpx;
    width: 108rpx;
    height: 64rpx;
    text-align: center;
    background-size: 100% auto;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c2 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c1_c1_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c1_c1 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c4 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 130rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c1 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c1_c0_c0 {
    color: #1A1A1A;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 110rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c1_c0 {
    margin: 0rpx 0rpx 20rpx 0rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0_c0 {
    width: 24rpx;
    height: 30rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .shopDetail_fd8_1_c0_c0_c0_c0 {
    margin: 40rpx 0rpx 32rpx 0rpx;
  }

  .shopDetail_fd8_1_c0 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
  }

  .shopDetail_fd8_1 {
    background: #fff();
    background-size: 100% auto !important;
    padding: 0rpx 30rpx 0rpx 30rpx;
  }

  .shopDetail_fd8_0_c0_c2_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 20rpx 20rpx 20rpx 20rpx;
  }

  .shopDetail_fd8_0_c0_c2 {
    margin: 0rpx 2rpx 0rpx 0rpx;
  }

  .shopDetail_fd8_0_c0_c1_c1 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .shopDetail_fd8_0_c0_c1_c0 {
    width: 32rpx;
    height: 10rpx;
  }

  .shopDetail_fd8_0_c0_c0 {
    width: 40rpx;
    height: 40rpx;
  }

  .shopDetail_fd8_0_c0 {
    padding: 0rpx 13rpx 0rpx 0rpx;
  }

  .shopDetail_fd8_0 {
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    padding: 40rpx 32rpx 24rpx 32rpx;
  }
</style>
